Introduction to Website and Web App Development

JavaScript API Examples


JavaScript APIs and Frameworks are like libraries, but more opinionated. They’re incredibly powerful, and have advantages over embedding content, namely that you can use JavaScript controls on your page to interact with the elements (i.e. YouTube’s JavaScript API allows you to control the embedded video player using elements native to your HTML page. This page has two examples:

Desmos

Desmos is a graphing calculator app. Their documentation is very good, with lots of examples. Here’s a quick CodePen with a form that inputs an equation an then graphs it:

See the Pen Unit 9 - Desmos by Mark Samberg (@mjsamberg) on CodePen.

RevealJS

RevealJS is a bit different because it doesn’t use Bootstrap or anything else, it’s completely self-contained. There is no CDN, just download it from their site and go (see Basic Setup Options).

RevealJS allows you to use HTML to create embeddable slideshows. For example:

The source code for this is located at https://github.com/mjsamberg/resourceguides/tree/master/accessibility.